<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />

    <link href="../../assets/global/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/select2/css/select2-bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../../assets/global/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />

    <link href="../../assets/global/css/components.min.css" rel="stylesheet" id="style_components" type="text/css" />
    <link href="../../assets/global/css/plugins.min.css" rel="stylesheet"  type="text/css" />

    <link href="../../assets/global/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../../assets/global/plugins/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../assets/custom/css/changeother.css"/>
</head>
<body>
    <div class="portlet-body">
        <div class="form-body">


            <div class="form-group" >
                <span class="col-xs-2 form-label">比对方式:</span>
                <div class="col-xs-9">
                    <div class="mt-radio-inline" style="margin: 0;">
                        <label class="mt-radio mt-radio-outline">
                            <input type="radio" name="optionsRadios" value="option1" checked> 逻辑类型
                            <span></span>
                        </label>
                        <label class="mt-radio mt-radio-outline">
                            <input type="radio" name="optionsRadios" value="option1" checked> 物理逻辑类型
                            <span></span>
                        </label>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6">
                    <div class="form-group">
                        <span class="col-xs-4  form-label">数据同步方式:</span>
                        <div class="col-xs-8 ">
                            <div class="margin-bottom-20">
                                <select  class="form-control select2">
                                    <optgroup label="Alaskan">
                                        <option value="AK">Alaska</option>
                                        <option value="HI" disabled="disabled">Hawaii</option>
                                    </optgroup>
                                    <optgroup label="Pacific Time Zone">
                                        <option value="CA">California</option>
                                        <option value="NV">Nevada</option>
                                        <option value="OR">Oregon</option>
                                        <option value="WA">Washington</option>
                                    </optgroup>
                                </select>
                            </div>

                            <div id="tree_1" class="jstree-white"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="form-group">
                        <span class="col-xs-4  form-label">数据同步方式:</span>
                        <div class="col-xs-8">
                            <div class="margin-bottom-20">
                                <select  class="form-control select2">
                                    <optgroup label="Alaskan">
                                        <option value="AK">Alaska</option>
                                        <option value="HI" disabled="disabled">Hawaii</option>
                                    </optgroup>
                                    <optgroup label="Pacific Time Zone">
                                        <option value="CA">California</option>
                                        <option value="NV">Nevada</option>
                                        <option value="OR">Oregon</option>
                                        <option value="WA">Washington</option>
                                    </optgroup>
                                </select>
                            </div>

                            <div id="tree_2" class="jstree-white"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/bootstrap-select/js/bootstrap-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jquery-multi-select/js/jquery.multi-select.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/select2/js/select2.full.min.js" type="text/javascript"></script>


<script src="../../assets/global/scripts/app.min.js" type="text/javascript"></script>

<script src="../../assets/global/plugins/jstree/dist/jstree.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/jstree/src/jstree.search.js"></script>
<script src="../../assets/pages/scripts/components-select2.min.js" type="text/javascript"></script>

<script src="../../assets/pages/scripts/components-multi-select.min.js" type="text/javascript"></script>
<script src="../../assets/global/plugins/layui/layui.all.js"></script>
<script>
    $("#tree_1").jstree({
        core: {
            themes: {
                responsive: !1,
                "icons" : false,
                "dots" : false
            },
            check_callback: !0,
            data: [
                {
                    text: "查询API",
                    'state' : {
                        'opened' : true,
                    },
                    children: [{
                        text: "服务一",
                    }, {
                        text: "服务二",
                    }, {
                        text: "服务三",
                    }]
                }]
        },
        plugins: ['wholerow']

    });
    $("#tree_2").jstree({
        core: {
            themes: {
                responsive: !1,
                "icons" : false,
                "dots" : false
            },
            check_callback: !0,
            data: [
                {
                    text: "查询API",
                    'state' : {
                        'opened' : true,
                    },
                    children: [{
                        text: "服务一",
                    }, {
                        text: "服务二",
                    }, {
                        text: "服务三",
                    }]
                }]
        },
        plugins: ['wholerow']

    });
</script>
</html>